/**
 * @copyright   2010-2017, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@include export("pin") {
    $titon-pin-transition: map-get($titon-pin, "transition");

    #{generate-class-name($titon-pin)} {
        position: absolute;

        &.sticky {
            transition: top ($titon-pin-transition * 2) ease-in-out, right $titon-pin-transition ease-in-out, left $titon-pin-transition ease-in-out;
        }

        &.slide {
            transition: top $titon-pin-transition linear, right $titon-pin-transition linear, left $titon-pin-transition linear;
        }
    }
}
